/**
 * Copyright (c) Enalean, 2016. All Rights Reserved.
 *
 * This file is a part of Tuleap.
 *
 * Tuleap is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Tuleap is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Tuleap. If not, see <http://www.gnu.org/licenses/>.
 */

#systemevents {
    display: flex;
    align-items: flex-start;
}

#systemevents-filter {
    min-width: 300px;
    margin: 0 $tlp-spacing 0 0;
}

#systemevents-results {
    width: 100%;
}

.systemevents-namespace {
    color: $tlp-ui-dimmed;
    font-size: 12px;
}

.systemevents-parameters {
    color: $tlp-ui-dimmed;
    font-size: 14px;
}

.systemevents-details-modal-row {
    display: flex;
}

.systemevents-details-modal-row-entry {
    margin: 0 $tlp-double-spacing $tlp-spacing 0;
}

.systemevents-details-modal-log {
    white-space: pre-wrap;
    word-break: break-all;
}

.systemevents-priority-high-icon {
    transform: rotate(-45deg);
}

.systemevents-priority-low-icon {
    transform: rotate(45deg);
}

.systemevents-time {
    white-space: nowrap;
}

.systemevents-not-started,
.systemevents-not-ended {
    text-align: center;
}

.systemevents-types:not(.systemevents-types-for-current-queue) {
    display: none;
}

.system-event-status-new,
.system-event-status-running,
.system-event-status-done,
.system-event-status-warning,
.system-event-status-error {
    color: $tlp-ui-white;
    font-weight: bold;
    text-align: center;
}

.tlp-table > tbody > tr > td,
.tlp-table > tbody > tr:nth-child(odd) > td {
    &.system-event-status-new {
        background-color: #808080;
    }

    &.system-event-status-running {
        background-color: #0000ff;
    }

    &.system-event-status-done {
        background-color: #008000;
    }

    &.system-event-status-warning {
        background-color: #ffa500;
    }

    &.system-event-status-error {
        background-color: #ff0000;
    }
}

@media screen and (max-width: 1400px) {
    #systemevents {
        display: flex;
        flex-direction: column;
        align-items: stretch;

    }

    #systemevents-filter {
        width: 100%;
        margin: 0 0 $tlp-spacing;
    }
}
